
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="http://localhost/ZBZphp/blog/Template/default/css/style.css" />
<script type="text/javascript" src="http://localhost/ZBZphp/blog/Template/default/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://localhost/ZBZphp/blog/Template/default/js/js.js"></script>
<link rel="stylesheet" type="text/css" href="http://localhost/ZBZphp/blog/Static/hdjs/hdjs.css"/>
<script src="http://localhost/ZBZphp/blog/Static/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		//regForm是注册form的id
		$('#regForm').validate({
			//username_reg是input的name名称
			username_reg: {
				//规则
                rule: {
                    required: true,
                    minlen:5,
                    ajax:{url:'http://localhost/ZBZphp/blog/Index/Member/ajaxCheckUser.html'},
                },
                //违反规则之后
                error: {
                    required: '用户名不能为空',
                    minlen:'用户名最少不得少于5位'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入用户名'
            },
			nickname: {
				//规则
                rule: {
                    required: true,
                },
                //违反规则之后
                error: {
                    required: '昵称不能为空',
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入昵称'
            },
            password_reg1: {
				//规则
                rule: {
                    required: true,
                    minlen:6
                },
                //违反规则之后
                error: {
                    required: '密码不能为空',
                    minlen:'密码不得少于6位'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入密码'
            },
            password_reg2: {
				//规则
                rule: {
                    required: true,
                    confirm:'password_reg1'
                },
                //违反规则之后
                error: {
                    required: '密码不能为空',
                    confirm:'两次不一样'
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请再次输入密码'
            },
             code: {
				//规则
                rule: {
                    required: true,
                    ajax:{url:'http://localhost/ZBZphp/blog/Index/Member/ajaxCheckCode.html'}
                },
                //违反规则之后
                error: {
                    required: '验证码不能为空',
                },
                //验证成功之后
                success: '验证通过',
                //默认的提示
                message: '请输入验证码'
            },
		})
	})
</script>
</head>
<body>
	<!-- 顶部100%灰色区域 -->
	<div id="top_dark_box">
		<!-- 中间1200px宽度区域 -->
		<div id="top_dark">
			<a href=""><img src="http://localhost/ZBZphp/blog/Template/default/images/others/logo.jpg" id="logo" /></a>
			<!-- 导航菜单 -->
			<ul id="menu">
				<li>
					<a href="http://localhost/ZBZphp/blog/index.html">首页</a>
				</li>
				
					<li >
						<a href="http://localhost/ZBZphp/blog/Static/default/word/index.html">wordpress主题</a>
					</li>	
				

					<li >
						<a href="http://localhost/ZBZphp/blog/Static/default/qianduankaifa/index.html">前端开发</a>
					</li>	
				

					<li >
						<a href="http://localhost/ZBZphp/blog/Static/default/guandian/index.html">观点</a>
					</li>	
				

					<li >
						<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/index.html">招聘</a>
					</li>	
				
				
			</ul>
			<!-- 导航菜单结束 -->
			<!-- 用户登录 -->
				<div id="loginInfo" class='loginInfo'>
				    		
					<a href="javascript:showLoginBox()" class="top_login">用户登录</a>
					<a href="javascript:showRegBox();">注册</a>
							</div>
			<!-- 用户登录对应隐藏区域 -->
			<form id="loginForm" action="http://localhost/ZBZphp/blog/Index/Member/login.html" method="post">
			<div class="login_hide_box">
				<img src="http://localhost/ZBZphp/blog/Template/default/images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：</p>
					<input type="text" name="username" class="text" />
					<p>密码：</p>
					<input type="password" name="password" class="text" />
					<input type="submit" value="" class="sub" />
				</div>
				<div class="bottom">
					<a  href="javascript:showRegBox();" class="reg">注册</a>
				</div>
			</div>
			</form>
			
			<!-- 用户注册对应隐藏区域 -->
			<form id="regForm" action="http://localhost/ZBZphp/blog/Index/Member/register.html" method="post">	
			<div class="reg_hide_box">
				<img src="http://localhost/ZBZphp/blog/Template/default/images/sanjiao.gif" alt="" />
				<div class="middle">
					<p>用户名：</p>
					<input type="text" name="username_reg" class="text username" />
					<p>昵称：</p>
					<input type="text" name="nickname" class="text nickname" />
					<p>密码：</p>
					<input type="password" name="password_reg1" class="text password" />
					<p>确认密码：</p>
					<input type="password" name="password_reg2" class="text password" />
					<p>验证码：</p>
					<img src="http://localhost/ZBZphp/blog/Index/Member/code.html" id="code" onclick="this.src=this.src + '&' + Math.random()"/>
					<input type="text"  name="code" class="text password_d" />
					<input type="submit" value="注册" class="sub" />
				</div>
			</div>
			</form>
		</div>
		<!-- 中间1200px宽度区域结束 -->
	</div>
	<!-- 顶部灰色100%区域结束 -->
	
	<!-- 顶部最新消息区域 -->
	<div id="latest_news_box">
		<div id="latest_news">
			<p><span class="title">最新消息：</span>
				
					<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/14.html">易恒健康招聘WEB前端开发工程师（上海）</a>
				
			</p>
		</div>
	</div>

	<!-- 顶部最新消息区域结束 -->
	<!-- 主体区域 -->
	<div id="main">
		<!-- 左侧区域 -->
		<div class="left">
				<div class='hd_title'>
					<strong>置顶推荐</strong>	
				</div>	
				<ul class='zhiding'>
					
					
					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/13.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/73871441270479.jpg" alt=""/>
							</a>
						</div>
						
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/13.html">深圳旺生活科技有限公司（碧桂园O2...</a></h2>
						<p>深圳旺生活科技有限公司（碧桂园O2O公司）招聘WEB前端开发工程师</p>
					</li>
					

					
					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/11.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/61411441200229.jpg" alt=""/>
							</a>
						</div>
						
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/11.html">羊年来到，全新一年，全新开始，不断...</a></h2>
						<p>羊年来到，全新一年，全新开始，不断改变，不断接纳</p>
					</li>
					
				</ul>	
				<div class='hd_title'>
					<strong>最近文章</strong>	
				</div>	

			<ul class="arc_list">
				
				<li>
					<div class="pic"><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/14.html"><img width="150" height="100" src="http://localhost/ZBZphp/blog/Upload/Content/15/09/69071441270597.jpg" alt="缩略图" /></a></div>
					<h3><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/14.html">易恒健康招聘WEB前端开发工程师（上海）</a></h3>
					<span class="date">15-09-03</span>
					<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/14.html" class="comment">0条评论</a>
					<span class="browse_number">12次浏览</span>
					<p class="description">易恒健康招聘WEB前端开发工程师（上海）</p>
				</li>
				

				<li>
					<div class="pic"><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/13.html"><img width="150" height="100" src="http://localhost/ZBZphp/blog/Upload/Content/15/09/73871441270479.jpg" alt="缩略图" /></a></div>
					<h3><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/13.html">深圳旺生活科技有限公司（碧桂园O2O公司）招聘WEB前端开发工程师</a></h3>
					<span class="date">15-09-03</span>
					<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/13.html" class="comment">0条评论</a>
					<span class="browse_number">13次浏览</span>
					<p class="description">深圳旺生活科技有限公司（碧桂园O2O公司）招聘WEB前端开发工程师</p>
				</li>
				

				<li>
					<div class="pic"><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/12.html"><img width="150" height="100" src="http://localhost/ZBZphp/blog/Upload/Content/15/09/70611441263267.jpg" alt="缩略图" /></a></div>
					<h3><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/12.html">个人站难突破，团队化是新动力</a></h3>
					<span class="date">15-09-03</span>
					<a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/12.html" class="comment">0条评论</a>
					<span class="browse_number">14次浏览</span>
					<p class="description">一些有用的HTML5 pattern</p>
				</li>
				

				<li>
					<div class="pic"><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/11.html"><img width="150" height="100" src="http://localhost/ZBZphp/blog/Upload/Content/15/09/61411441200229.jpg" alt="缩略图" /></a></div>
					<h3><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/11.html">羊年来到，全新一年，全新开始，不断改变，不断接纳</a></h3>
					<span class="date">15-09-02</span>
					<a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/11.html" class="comment">1条评论</a>
					<span class="browse_number">28次浏览</span>
					<p class="description">羊年来到，全新一年，全新开始，不断改变，不断接纳</p>
				</li>
				
			</ul>
		</div>
		<!-- 左侧区域结束 -->
		<!-- 右侧区域 -->
				<div class="right">
			<div class='hd_title'>
				<strong>标签云</strong>	
			</div>
			<div id="tagBox" class='tags'>
				
					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/1.html">div</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/2.html">js</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/3.html">html</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/4.html">php</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/5.html">mysql</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/6.html">html5</a>	
				

					<a href="http://localhost/ZBZphp/blog/Index/List/index/tid/7.html">css3</a>	
				
			</div>
			<div class='hd_title'>
				<strong>热门文章</strong>	
			</div>
			<ul class='arc_list'>
				
					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/qianduanzixun/arc/10.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/26521441200158.jpg" alt="微软经理Philip Su的离职信：回首12年职场生涯的心得和随笔"/>
							</a>
						</div>
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/qianduanzixun/arc/10.html">微软经理Philip Su的离...</a></h2>
						<p>
							<em>2015-09-02</em><span>0条评论</span>
						</p>
					</li>
				

					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/8.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/89451441199994.jpg" alt="知乎招聘资深前端开发工程师一枚（北京）"/>
							</a>
						</div>
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/zhaopin/arc/8.html">知乎招聘资深前端开发工程师一枚...</a></h2>
						<p>
							<em>2015-09-02</em><span>0条评论</span>
						</p>
					</li>
				
	
			</ul>
			<div class='hd_title'>
				<strong>推荐文章</strong>	
			</div>
			
			<ul class='arc_list'>
				
					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/12.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/70611441263267.jpg" alt="个人站难突破，团队化是新动力"/>
							</a>
						</div>
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/guandian/arc/12.html">个人站难突破，团队化是新动力...</a></h2>
						<p>
							<em>2015-09-03</em><span>0条评论</span>
						</p>
					</li>
				

					<li>
						<div class='image'>
							<a href="http://localhost/ZBZphp/blog/Static/default/qianduankaifa/arc/4.html">
								<img src="http://localhost/ZBZphp/blog/Upload/Content/15/09/1281441097378.jpg" alt="css3使用技巧：细线边框的3种不同的写法"/>
							</a>
						</div>
						<h2><a href="http://localhost/ZBZphp/blog/Static/default/qianduankaifa/arc/4.html">css3使用技巧：细线边框的3...</a></h2>
						<p>
							<em>2015-09-01</em><span>3条评论</span>
						</p>
					</li>
				
			</ul>
		</div>
		<!-- 右侧区域结束 -->
	</div>
	<!-- 主体区域结束 -->
	<!-- 底部浅灰色导航区域 -->
	<div id="bottom_menu_box" style="margin-top:30px;">
		<div class="bottom_menu">
			
				<dl>
					<dt><a href="http://www.baidu.com" target="_blank">百度</a></dt>
				</dl>
			

				<dl>
					<dt><a href="http://www.bjfnj.com" target="_blank">福暖嘉</a></dt>
				</dl>
			

				<dl>
					<dt><a href="http://www.yjshunxibanjia.com/" target="_blank">燕郊顺喜搬家</a></dt>
				</dl>
			

				<dl>
					<dt><a href="http://www.fengyibw.com/" target="_blank">廊坊丰翼保温</a></dt>
				</dl>
			
		</div>
	</div>
	<!-- 底部浅灰色导航区域结束 -->

	<!-- 底部版权区域 -->
	<div id="bottom_copyright_box">
		<div class="bottom_copyright">
			版权信息
		</div>
	</div>
	<!-- 底部版权区域结束 -->
	
</body>
</html>

